<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>{if condition="isset($info['title'])" /}{$info['title']}-{$domainInfo.title}{elseif condition="$title"}{$title}-{$domainInfo.title}{else}{$domainInfo.title}{/if}</title>
  <meta name="keywords" content="{$info['keywords']??($keywords ? $keywords : $domainInfo.title)}" />
  <meta name="description" content="{$info['description']??($description ? $description : $domainInfo.title)}" />
  <link href="__STATIC__/mobile/state/css/swiper.css" rel="stylesheet"/>
  <link href="__STATIC__/mobile/state/css/common.css" rel="stylesheet"/>
  <link href="__STATIC__/mobile/state/css/article.css" rel="stylesheet"/>
  <script src="__STATIC__/mobile/state/js/jquery.min.js"></script>
  <script src="__STATIC__/mobile/state/js/swiper.min.js"></script>
  <script src="__STATIC__/mobile/state/js/headlines.js"></script>
  <script src="__STATIC__/mobile/state/js/small_banner.js"></script>
  <script src="__STATIC__/mobile/state/js/sub.js"></script>
  <script type="text/javascript" src="__STATIC__/mobile/state/js/iscroll.js"></script>
  <script type="text/javascript" src="__STATIC__/mobile/state/js/navbarscroll.js"></script>
  <script type="text/javascript" charset="utf-8">
    mui.init();
  </script>
</head>
<body>
  <!--header-->
  <div class="home_top Fright">
    <div class="home_icon" id="menuBtn"><a href="#"><img src="__STATIC__/mobile/state/images/icon.png"></a></div>
  </div>

  {include file="mobile/common/nav"}

  <div class="logodiv">
    <a href="{:url('mobile/index/index')}">
      <img src="__STATIC__/mobile/state/images/logo.png">
    </a>
  </div>

  <div class="swiper-container banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide banner_pic"> <img src="__STATIC__/mobile/state/images/banner_01.jpg"> </div>
      <div class="swiper-slide banner_pic"> <img src="__STATIC__/mobile/state/images/banner_02.jpg"> </div>
      <div class="swiper-slide banner_pic"> <img src="__STATIC__/mobile/state/images/banner_03.jpg"> </div>
    </div>
    <div class="pagination"> <span class="swiper-pagination-switch"></span> <span class="swiper-pagination-switch"></span> <span class="swiper-pagination-switch"></span> </div>
  </div>
  <script language="javascript"> 
    var mySwiper = new Swiper('.swiper-container',{
      pagination: '.pagination',
      resizeReInit : true,
      calculateHeight : true,
      autoplay : 2500,
      loop : true,
    })
  </script>